<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<span style="font-size:12px"><meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> </span>-->
    <link href="../../css/DSflex.css" rel="stylesheet" type="text/css"/>
    <link href="../../css/home.css" rel="stylesheet" type="text/css"/>
    <!--<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>-->
    <title>首页</title>
    <!--<script>-->
        <!--(function (doc, win) {-->
            <!--var docEl = doc.documentElement;-->
            <!--resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';-->
            <!--recalc = function () {-->
                <!--var clientWidth = docEl.clientWidth;-->
                <!--if (!clientWidth) return;-->
                <!--docEl.style.fontSize = 50 * (clientWidth / 375) + 'px';-->
            <!--};-->
            <!--if (!doc.addEventListener) return;-->
            <!--win.addEventListener(resizeEvt, recalc, false);-->
            <!--doc.addEventListener('DOMContentLoaded', recalc, false);-->
        <!--}(document,window));-->
    <!--</script>-->


</head>
<body>
<div class="warp">

    <div class="nav-toolbar  flex-middle-x layout-flex-justify-content_space-between">
        <div class="back flex-middle-x">
            <img src="../../img/home/back.png">
            <span>返回</span>
        </div>
        <div class="title">
            看电影
        </div>
        <div class="close flex-middle-x">
            <img src="../../img/home/close.png">
            <span>关闭</span>
        </div>
    </div>

    <!--搜索框-->

    <div class="nav-search flex-middle-x layout-flex-justify-content_space-between">
        <div class="location flex-middle-x">
            <img src="../../img/home/location1.png">
            <span>上海</span>
        </div>
        <div class="search-box">

        </div>
        <div class="person flex-middle-x">
            <img src="../../img/home/person.png">
        </div>
    </div>
     <!--轮播图-->
    <div class="banner">
        <img src="../../img/home/banner.png">
    </div>

     <!--活动-->


    <div class="activity flex-middle-x layout-flex-justify-content_space-between">
        <div class="flex-middle-y">
            <img src="../../img/home/activity.png">
            <span>每日签到</span>
        </div>
        <div class="flex-middle-y">
            <img src="../../img/home/activity.png">
            <span>周边商城</span>
        </div>
        <div class="flex-middle-y">
            <img src="../../img/home/activity.png">
            <span>电影活动</span>
        </div>
        <div class="flex-middle-y">
            <img src="../../img/home/activity.png">
            <span>关影豆</span>
        </div>
    </div>

    <!--推荐item-->
    <div class="recommend flex-middle-x layout-flex-justify-content_space-between">
        <div class="back flex-middle-x">
            <img src="../../img/home/movie.png">
            <span>影片推荐</span>
        </div>
        <div class="close flex-middle-x">
            <span>关闭</span>
            <img src="../../img/home/next.png">
        </div>
    </div>


    <!--热门电影和待热电影-->

    <div class="movie-type">
        <span class="hot">热门电影</span> <span class="wait">待热电影</span>
        <div class="flex-middle-x">
            <img src="../../img/home/movie1.png">
            <img src="../../img/home/movie1.png">
            <img src="../../img/home/movie1.png">
            <img src="../../img/home/movie1.png">
            <img src="../../img/home/movie1.png">
        </div>
    </div>

    <!--推荐item-->
    <div class="recommend flex-middle-x layout-flex-justify-content_space-between">
        <div class="back flex-middle-x">
            <img src="../../img/home/movie.png">
            <span>附件影院</span>
        </div>
        <div class="close flex-middle-x">
            <span>关闭</span>
            <img src="../../img/home/next.png">
        </div>
    </div>

    <!--附件影院ListView-->
    <div class="nearby flex-middle-x layout-flex-justify-content_space-between">
        <div class="fl">
            <p class="title">SFC影城</p>
            <p class="address">上海市徐汇区徐家汇地铁站购物广场2楼</p>
            <span class="name">雷神3*黄昏特惠</span>
        </div>
        <div class="fr">
            <p class="price">9.9元起</p>
            <span class="distance">1.2km</span>
        </div>
    </div>


</div>

<script>
    document.getElementsByTagName('html')[0].style.fontSize = window.innerWidth * 2 / 15 + 'px';
</script>
</body>
</html>